<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<h1>登录</h1>
<form>
  用户名：<input type="text" id="userName"></br>
  密码：<input type="password" id="password"></br>
  <input type="button"  value="提交" onclick="checkForm()">
</form>
<script>
  function checkForm(){
    let userName=document.getElementById('userName')
    let password = document.getElementById('password')
    if(userName.value===""){
      alert("用户名不能为空")
      return;
    }
    if(password.value===""){
      alert("密码不能为空")
      return;
    }
    if(password.value.length<6){
      alert("密码不能少于6位")
      return;
    }
    //isNaN()是判断一个值是不是不能被转成数字
    //isFinite()是和isNaN()相反的，判断一个值是不是能转成数字
    if(isNaN(password.value)){
     alert("密码必须全部为数字");
     return;
    }
    alert("确定提交？")
  }
</script>
</body>
</html>
